<template>
  <header class="header header-white clear-float" id="header">
    <div class="float-left clear-float left-bar">
      <nuxt-link to="/" class="logo float-left">
        <img src="~assets/images/logo.png" alt="" class="logo-white">
        <img src="~assets/images/logo_blank_s.png" alt="" class="logo-blank">
      </nuxt-link>
      <ul class="menu float-left clear-float">
        <li class="menu-item" :class="{'menu-item-active':routeName=='destination'}"><nuxt-link to="/destination">目的地</nuxt-link></li>
        <li class="menu-item" :class="{'menu-item-active':routeName=='experience'}"><nuxt-link to="/experience">游客体验</nuxt-link></li>
        <li class="menu-item" :class="{'menu-item-active':routeName=='adventure'}"><nuxt-link to="/adventure">探险精彩欣赏</nuxt-link></li>
        <li class="menu-item" :class="{'menu-item-active':routeName=='fleet'}"><nuxt-link to="/fleet">船队阵容</nuxt-link></li>
        <li class="menu-item" :class="{'menu-item-active':routeName=='brand'}"><nuxt-link to="/brand">关于品牌</nuxt-link></li>
      </ul>
    </div>
    <div class="float-right clear-float right-bar">
      <div class="links">
    <!--    <a href="#" class="link"><i class="iconfont icon-hezuohuoban"></i><span>同业合作伙伴</span></a>
        <span class="line">|</span>
        <a href="#" class="incon-link incon-link-first"><i class="iconfont icon-wenti1"></i></a> -->
        <a class="incon-link content-btn"><i class="iconfont icon-wenti"></i></a>
      </div>
      <div class="search-area">
        <a class="incon-link incon-link-search"><i class="iconfont icon-sousuo"></i></a>
        <div class="search-box clear-float">
          <div class="search float-left">
            <i class="iconfont icon-sousuo"></i>
            <input type="text" placeholder="" class="search-input">
          </div>
          <div class="btn-group float-left">
            <button class="btn search-btn" data-type="route-search">搜航线</button>
            <button class="btn search-btn" data-type="search">搜全站</button>
          </div>
        </div>
      </div>
      <a class="incon-link-menu openmenu-btn" id="openMenuBtn"><i class="iconfont icon-menu"></i></a>
    </div>
  </header>
</template>
<script>
export default {
  data: function () {
    return {
      routeName: this.$route.name
    }
  }
}
</script>



